<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#J_Mark53645 {
	display: none;
	position: fixed;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter: alpha(opacity = 30);
	opacity: 0.3;
	z-index: 1982;
}

#J_LoginIframeWarp53645 {
	display: none;
	background: #fff;
	position: fixed;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin: 0;
	padding: 0;
	top: -9999px;
	left: -9999px;
	width: 390px;
	margin-left: -235px;
	z-index: 1984;
	font-size: 12px;
	line-height: 1;
	font-family: 微软雅黑, Tahoma, Helvetica, Arial, sans-serif;
	background: #fff url(https://passport.migu.cn/images/redirect.png)
		no-repeat center 40%;
}

#J_LoginIframeWarp53645.music {
	background-image:
		url(https://passport.migu.cn/images/redirect-music.png);
}

#J_LoginIframeWarp53645.read {
	background-image: url(https://passport.migu.cn/images/redirect-read.png);
}

#J_LoginIframeWarp53645.comic {
	background-image:
		url(https://passport.migu.cn/images/redirect-comic.png);
}

#J_LoginIframeWarp53645.video {
	background-image:
		url(https://passport.migu.cn/images/redirect-video.png);
}

#J_LoginIframeWarp53645.game {
	background-image: url(https://passport.migu.cn/images/redirect-game.png);
}

#J_LoginIframeWarp53645 p {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 40%;
	left: 0;
	margin-top: 55px;
	width: 100%;
	font-size: 24px;
	color: #444;
	text-align: center;
	z-index: 1;
}

#J_LoginClose53645 {
	position: absolute;
	top: -10px;
	right: -10px;
	border-radius: 50%;
	background-color: #fff;
	width: 33px;
	height: 33px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.06);
	color: #D8D8D8;
	font-weight: 400;
	font-size: 28px;
	text-align: center;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	line-height: 30px;
	font-family: 微软雅黑, Tahoma, Helvetica, Arial, sans-serif;
	z-index: 3;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="format-detection" content="email=no">
<meta name="format-detection" content="telephone=no">
<meta name="applicable-device" content="pc">
<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="http://music.migu.cn">
<link rel="dns-prefetch" href="//cdnmusic.migu.cn">
<link rel="icon" href="favicon.ico" mce_href="favicon.ico"
	type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico"
	mce_href="http://jt.hapboy.xyz/favicon.ico" type="image/x-icon">
<meta name="renderer" content="webkit">
<title>豆咖音乐网</title>
<meta name="keywords"
	content="咪咕音乐,彩铃,移动彩铃,手机彩铃,中国移动,12530,mp3,高品质音乐,无损音乐,在线听歌,歌曲下载,振铃,歌曲,铃音,特级会员,电台,mv,演唱会直播,音乐网站,音乐播放器">
<meta name="description"
	content="咪咕音乐网是中国移动官方音乐门户，旨在提供音乐首发、高品质音乐试听、彩铃订购、歌曲下载、铃音管理、音乐电台、音乐视频等一站式音乐互动体验，好音乐尽在music.migu.cn！">
<link href="//cdnmusic.migu.cn/v3/static/css/3.5.0/global.css"
	rel="stylesheet">
<link href="//cdnmusic.migu.cn/v3/static/css/3.5.0/search.css"
	rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<script src="https://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
<![endif]-->
<script async="" src="//cdnmusic.migu.cn/v2/zt/common/js/mg_sdc_load.js"></script>
</head>
<body>
	<div id="header">
		<div class="header">
			<div class="container">
				<h1 class="logo">
					<a href="#" title=""> <img src="${pageContext.request.contextPath}/front/img/DocoLogo_white.png"
						alt="咪咕音乐 放厮听·趣玩乐"
						style="width: 165px; height: 100px; position: relative; top: -35px;">
					</a>
				</h1>
				<div class="header-left"></div>
				<div class="header-right">
					<div id="J-user-info" class="default-user">
						<a href="javascript:;" id="J_login"> <img
							src="//cdnmusic.migu.cn/v3/static/img/common/no-login.png" alt=""
							class="default-avatar">
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div class="search-main">
		<div class="search-header">
			<div class="search-header-input">
				<input type="text" autocomplete="off" id="p_input_search"
					value="" placeholder="搜索歌曲、歌手、MV"> <a
					href="javascript:;" class="search-btn iconfont cf-nav-sousuo"
					title="搜索">搜索</a>
			</div>
			<div class="search-hot">
				<span>热门搜索：</span> 
				<a href="#">推荐</a>
				<a href="#">推荐</a>
				<a href="#">推荐</a>
				<a href="#">推荐</a>
				<a href="#">推荐</a>
			</div>
			<!--异步搜索结果展示-->
			<div class="p-search-list">
				<div class="p-search-result">
					<!--搜索结果歌曲start-->
					<div class="search-result-item">
						<div class="search-result-title">
							<i class="iconfont cf-gequ"></i>歌曲
						</div>
						<ul id="p_search_song"></ul>
					</div>
					<!--搜索结果歌曲end-->
					<!--搜索结果歌手start-->
					<div class="search-result-item">
						<div class="search-result-title">
							<i class="iconfont cf-geshou"></i>歌手
						</div>
						<ul id="p_search_singer"></ul>
					</div>
					<!--搜索结果歌手end-->
					<!--搜索结果专辑start-->
					<div class="search-result-item">
						<div class="search-result-title">
							<i class="iconfont cf-zhuanji"></i>专辑
						</div>
						<ul id="p_search_album"></ul>
					</div>
					<!--搜索结果专辑end-->
				</div>
			</div>
		</div>
		<div class="search-result-content">
			<div class="container search-container" id="search">
				<div class="best-show best-show-album ">
					<div class="best-show-info">
						<a class="best-show-image" href="/v3/music/album/1134159110"
							target="_blank"> 
							<img src="" data-original=""
							class="lazy300x300" onerror="this.src='${pageContext.request.contextPath}/front/img/docoLogo.png'">
						</a>
						<div class="best-show-text">
							<div class="best-show-name">
								<a href="/v3/music/album/1134159110" target="_blank">搜索结果</a>
							</div>
						</div>
					</div>
				</div>
				<div class="search-tabs tabs-nav">
					<a
						href="#"
						class="active">歌曲</a> <a
						href="#"
						class="">歌手</a> <a
						href="#"
						class="">歌词</a>
				</div>
				<div class="tab-content">
					<div id="J_PageSonglist" class="page-songlist">
						<div class="songlist-header">
							<div class="row">
								<div class="song-check J_CheckAll">
									<i class="iconfont cf-list-unselected"></i>
								</div>
								<div class="song-index">&nbsp;</div>
								<div class="song-name">歌曲</div>
								<div class="song-singers">歌手</div>
								<div class="song-belongs">时长</div>
								<div class="song-actions">&nbsp;</div>
							</div>
						</div>

						<div class="songlist-footer">
							<div class="row">
								<div class="song-check J_CheckAll">
									<i class="iconfont cf-list-unselected"></i>
								</div>
								<div class="song-index J_CheckAll">全选</div>
								<div class="songlist-actions">
									<a id="J_PlaySelected" class="action play-selected" data-aid=""
										data-cids="" data-mids=""><i class="iconfont cf-list-play"></i>播放选中歌曲</a>
									<div class="add-to-playlist J_AddToPlaylist">
										<a class="action J_AddToBtn" data-aid="" data-cids=""
											data-mids="" data-hasreturn="0"> <i
											class="iconfont cf-tianjia-big"></i>添加到
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="page">
						<span class="iconfont cf-previous-page"></span> <a class="on"
							href="javascript:;">1</a> <a
							href="/v3/search?type=song&amp;page=2&amp;keyword=%E4%BD%A0%E6%98%AF%E6%88%91%E7%9A%84%E5%91%BD%E4%B8%AD%E6%B3%A8%E5%AE%9A&amp;f=html&amp;s=1592376956&amp;v=3.5.0&amp;c=001002A&amp;i=10c97943ea3fde0a7acf53c2e5a44c013229c2bf">2</a>
						<a
							href="/v3/search?type=song&amp;page=3&amp;keyword=%E4%BD%A0%E6%98%AF%E6%88%91%E7%9A%84%E5%91%BD%E4%B8%AD%E6%B3%A8%E5%AE%9A&amp;f=html&amp;s=1592376956&amp;v=3.5.0&amp;c=001002A&amp;i=10c97943ea3fde0a7acf53c2e5a44c013229c2bf">3</a>
						<a
							href="/v3/search?type=song&amp;page=4&amp;keyword=%E4%BD%A0%E6%98%AF%E6%88%91%E7%9A%84%E5%91%BD%E4%B8%AD%E6%B3%A8%E5%AE%9A&amp;f=html&amp;s=1592376956&amp;v=3.5.0&amp;c=001002A&amp;i=10c97943ea3fde0a7acf53c2e5a44c013229c2bf">4</a>
						<a
							href="/v3/search?type=song&amp;page=2&amp;keyword=%E4%BD%A0%E6%98%AF%E6%88%91%E7%9A%84%E5%91%BD%E4%B8%AD%E6%B3%A8%E5%AE%9A&amp;f=html&amp;s=1592376956&amp;v=3.5.0&amp;c=001002A&amp;i=10c97943ea3fde0a7acf53c2e5a44c013229c2bf"
							class="page-c iconfont cf-next-page"></a>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>